<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>班级管理</title>
		<link rel="stylesheet" type="text/css" href="css/school/school_commonality.css" />
		<link rel="stylesheet" type="text/css" href="css/school/school_class_administration.css" />
		
		<link rel="stylesheet" type="text/css" href="tool/layer-v3.1.1/layer/mobile/need/layer.css"/>
		<!-- element引入开始 -->
		<script src="//unpkg.com/vue/dist/vue.js"></script>
		<script src="//unpkg.com/element-ui@2.13.2/lib/index.js"></script>
		
		<!-- 引入样式 -->
		<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
		<!-- 引入组件库 -->
		<script src="https://unpkg.com/element-ui/lib/index.js"></script>
		<!-- element引入结束 -->
	</head>
	<body>
		<header></header>
		<section>
			<div class="sca_section">
				<h3 class="sca_xiangqing"><b>学生管理</b></h3>
				<div class="sca_select_div">
					<div class="sca_select_div_one">
						<!-- 年度 -->
						<div id="studies_Year">
							<div class="block">
								<el-cascader v-model="value" placeholder="年度" :options="options"
								:props="{ expandTrigger: 'hover' }" @change="handleChange" class="studies_Year_input"></el-cascader>
							</div>
						</div>
						<!-- 研学名称 -->
						<div id="studies_name">
							<div class="block">
								<el-cascader v-model="value" placeholder="研学名称" :options="options"
								:props="{ expandTrigger: 'hover' }" @change="handleChange"></el-cascader>
							</div>
						</div>
						<!-- 年级 -->
						<div id="studies_grade">
							<div class="block">
								<el-cascader v-model="value" placeholder="年级" :options="options"
								:props="{ expandTrigger: 'hover' }" @change="handleChange"></el-cascader>
							</div>
						</div>
						
						<!-- 班级 -->
						<div id="studies_class">
							<div class="block">
								<el-cascader v-model="value" placeholder="班级" :options="options"
								:props="{ expandTrigger: 'hover' }" @change="handleChange"></el-cascader>
							</div>
						</div>
						
						<input type="button" class="sca_one_button"  value="查询" />
					</div>
					<div class="sca_select_div_two">
						<div class="sca_input_div">
							<img src="img/school/sca_search_img.png" />
							<input type="text" class="sca_select_div_input" placeholder="输入内容" />
						</div>
						<a href="javascript:void(0);"><input type="button" class="sca_select_div_button" onclick="sca_select_div_button()" value="查询" /></a>
					</div>
				</div>
				<div class="sca_content_div">
					<div class="sca_content_div_one">
						<ul>
							<li>研学名称:&nbsp;焦作云台山研学之旅</li>
							<li>学校名称:&nbsp;郑州市第八中学</li>
							<li>研学日期:&nbsp;2019年10月25日-2019年10月28日</li>
							<li>班级名称:&nbsp;九年级二班</li>
						</ul>
					</div>
					<div class="sca_content_div_two">
						<ul>
							<li>JINX</li>
							<li>JINX</li>
							<li>JINX</li>
							<li>JINX</li>
							<li>JINX</li>
							<li>JINX</li>
							<li>JINX</li>
							<li>JINX</li>
							<li>JINX</li>
							<li>JINX</li>
							<li>JINX</li>
							<li>JINX</li>
							<li>JINX</li>
							<li>JINX</li>
							<li>JINX</li>
							<li>JINX</li>
							<li>JINX</li>
							<li>JINX</li>
							<li>JINX</li>
							<li>JINX</li>
						</ul>
					</div>
				</div>
			</div>
		</section>
		<footer></footer>
		<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="tool/layer-v3.1.1/layer/layer.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/school/school_class_administration.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
